@extends('mobile.template.simple_bootstrap')
@section('title', '目录')
@section('scripts')
<link rel="stylesheet" href="{{ asset('css/mobile-catalog.css') }}" />
@endsection
@section('content')
<section class="title">
	<div class="row">
		<div class="col-xs-1">
			<a href="javascript:history.back();" class="text-muted">
				<span class="fa fa-angle-left fa-fw fa-lg"></span>
			</a>
		</div>
		<div class="col-xs-10 text-center">
			<div class="title dotdotdot-nowrap"><a href="{{ url('/mobile/books/'.$book->id) }}">{{ $book->name }} - 共{{ $book->sections->count() }}章</a></div>
		</div>
		<div class="col-xs-1">
			<a href="{{ url('/mobile') }}" class="text-muted">
				<span class="fa fa-home fa-fw fa-lg"></span>
			</a>
		</div>
	</div>
</section>
{!! $sections->appends(['sort' => $sort])->links('vendor.pagination.mobile-sections', ['sort' => $sort, 'book' => $book]) !!}
<section class="chapters">
	<ul class="list" datas>
		@foreach($sections as $section)
		<li @if($sOrder == $section->order) class="active" @endif data>
			<a class="dotdotdot-nowrap"  href="{{ url('/mobile/books/'.$book->id.'/sections/'.$section->order) }}">{{ $section->order }}、 {{ $section->name }}</a>
		</li>
		@endforeach
	</ul>
</section>
{!! $sections->appends(['sort' => $sort])->links('vendor.pagination.mobile-sections-bottom', ['sort' => $sort, 'book' => $book]) !!}
@endsection


















